
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    



         <div id="app"> 
                {{a}} 只写一层就不用递归了 这个是简化版的<br>
                <input type="text"  v-model="a"/>
                 <ul class="box">
                       <li>a</li>
                       <li>b</li>
                       <li>c</li>
                 </ul>

         </div>

         
         <script src="./vueIndex.js"></script>
         <script>
            let arraa= new Vue({
                 el:'#app',
                 data:{
                     a:10,
                     b:20,
                     array:[5,9],
                     sum:20,
                 },
                 watch:{
                     a(){
                         console.log('a改变了')
                     }
                 },
                 computed:{
                     sum(){
                         console.log('computed触发了')
                         return 100
                     }
                 }
             })
         </script>
         


</body>
</html>